import Vue from 'vue'
import App from './App2.vue'
import Home from './Home.vue'
import VueRouter from 'vue-router'
import  VueResource from 'vue-resource'
import Explorer from './Explorer.vue'
import Cart from './Cart.vue'
import Me from './Me.vue'
import Tabs from './Tabs.vue'
import Category from './Category.vue'
import ShoppingCart from './Cart.vue'



Vue.use(VueResource)
Vue.use(VueRouter)

const router=new VueRouter({
  mode:'history',
  base:__dirname,
  linkActiveClass:"active",
//  routes:[
//    {path:'/',component:Home},
//    {path:'/explorer',component:Explorer},
//    {path:'/cart',component:Cart},
//    {path:'/me',component:Me},
//  ]
//})
  routes: [
    {name:'Home', path: '/', component: Home},
    {name:'Categories',path: '/categories', component: Category},
    {name:'ShoppingCart',path: '/shopping-cart', component: ShoppingCart},
    {name:'Me',path: '/me', component: Me},

  ]
})
new Vue({
  el:'#app',
  router,
  render:h=>h(App)
})

